<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>title</title>


<script type="text/javascript" src="/tour/js/jquery.js"></script>
<script type="text/javascript" src="/tour/js/jquery-ui.js"></script>
<link type="text/css" href="/tour/css/jquery-ui.css" rel="stylesheet">


<style type="text/css">

#container{
	width:1100px;
	
	margin:auto;/*센터로 정렬시킨다*/
}
#head{
	padding: 5px;
	height: 10px;
	text-align: right;	
	

}


#top{
	padding: 5px;
	text-align: center;	
	
	  /*border를 1px씩 주게 되면 width가 딱맞게 만들 경우 선때문에 outer공간이 모자라 모양이 깨진다.*/
}




#header{
	padding: 5px;
	text-align: center;	
/*	
	border:1px solid gray;
	*/
	  /*border를 1px씩 주게 되면 width가 딱맞게 만들 경우 선때문에 outer공간이 모자라 모양이 깨진다.*/
}



#left{
	padding: 5px;
	width:500px;/*height는 주지 않는다. 내용에 따라 늘어나도록 처리하기 위해*/
	float:left;/*경계선 때문에*/
	/*clear:both;*/
}



#right{
	padding: 5px;
	width:500px;/*height는 주지 않는다. 내용에 따라 늘어나도록 처리하기 위해*/
	float:left;/*경계선 때문에*/
				
}


#board1{
	padding: 5px;
	width:330px;/*height는 주지 않는다. 내용에 따라 늘어나도록 처리하기 위해*/
	
	float:left;
	text-align:center;

}
#board2{
	padding: 5px;
	width:330px;/*height는 주지 않는다. 내용에 따라 늘어나도록 처리하기 위해*/
	
	float:left;
	text-align:center;

}
#board3{
	padding: 5px;
	width:330px;/*height는 주지 않는다. 내용에 따라 늘어나도록 처리하기 위해*/
	
	float:left;
	text-align:center;

}


#footer{
	padding-top:5px;
	
	clear:both;  /*이것이 없으면 left, content 아래로 들어가 버린다.*/
	text-align:center;
	height:50px;
}
</style>
</head>
<body>
<div id="container" >
	
	<div id="head">
		<jsp:include page="/templates/header.jsp"/>
	</div>
	
	<div id="top">
		<jsp:include page="/templates/top.jsp"/>
	</div>
	

	<div id="header">		<jsp:include page="/templates/top_menu.jsp"/>
	</div>



	<div id="left" >
		<jsp:include page="/templates/cloud.jsp"/>
		
	</div>
	
		<div id="right" >
		<jsp:include page="/templates/right.jsp"/>
	</div>



<div id="board1" >
	<img src="/tour/images/main_img/메뉴공지사항.jpg" width="150">
		<table border="1" cellspacing="0">
			<tr bgcolor="gray">
				<th width="250">제목</th><th width="100">작성자</th>
			</tr>
			<c:forEach items="${requestScope.boardList }" var="board">
				<tr>
					<td><a href="/tour/board/getContent.do?no=${board.no }&page=1">
							${board.title }
							</a></td>
					<td>${board.writer }</td>
				</tr>
			</c:forEach>
		</table>
		
		
		

		
	</div>
	

	<div id="board2" >
	<img src="/tour/images/main_img/메뉴자유게시판.jpg" width="150">
		<table border="1" cellspacing="0">
			<tr bgcolor="gray">
				<th width="250">제목</th><th width="100">작성자</th>
			</tr>
			<c:forEach items="${requestScope.cmboardList }" var="board">
			<tr>
				<td><a href="/tour/cm_board/getContent.do?no=${board.no }&page=1">
							${board.title }
							</a></td>
				<td>${board.writer }</td>
				</tr>
			</c:forEach>
		</table>
	</div>


	<div id="board3" >
	<img src="/tour/images/main_img/메뉴여행코스.jpg" width="150">
				<table border="1" cellspacing="0">
			<tr bgcolor="gray">
				<th width="250">제목</th><th width="100">작성자</th>
			</tr>
			<c:forEach items="${requestScope.epboardList }" var="board">
			<tr>
				<td><a href="/tour/ep_board/getContent.do?no=${board.no }&page=1">
							${board.title }
							</a></td>
				<td>${board.writer }</td>
				</tr>
			</c:forEach>
		</table>
	</div>





	<div id="footer" >
		<jsp:include page="/templates/footer.jsp"/>
	</div>
</div>

</body>
</html>